@charset "utf-8";
/* @font-face {
 	font-family: 'shuzi';
 	src: url('../font/OPPOSans-M.ttf') format('truetype');
 	font-weight: normal;
 	font-style: normal;
}
@font-face {
	font-family: 'din';
	src: url('../font/DIN-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

 @font-face {
	font-family: 'din-b';
	src: url('../font/DIN-Bold.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
  } */
/*字体*/
/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */
.crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.36rem 0;
}
.crumbs p {
  display: flex;
  align-items: center;
}
.crumbs p > a {
  margin-right: 0.16rem;
  color: #999;
}
@media (max-width: 767px) {
  .crumbs p > a {
    font-size: 14px;
    margin-bottom: 0.05rem;
  }
}
@media (max-width: 991px) {
  .crumbs p:last-child {
    max-width: 33.333%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.crumbs p:last-child a {
  color: #333;
}
.crumbs p:last-child svg,
.crumbs p:last-child i {
  display: none;
}
.crumbs p svg {
  width: 5px;
  height: auto;
  margin-right: 0.16rem;
}
.crumbs p svg path {
  fill: #666;
}
.crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #999;
  margin-right: 0.12rem;
}
.g_puba {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: bold;
  color: #ffffff;
}
.g_puba span {
  color: #ff6631;
}
.g_puba svg,
.g_puba img {
  transition: all 0.4s;
  width: 10px;
  height: 10px;
  margin-left: 0.2rem;
  object-fit: contain;
}
@media (max-width: 1580px) {
  .g_puba svg,
  .g_puba img {
    width: 8px;
    height: 8px;
  }
}
.g_puba svg path,
.g_puba img path {
  fill: #ff6631;
}
.g_puba:hover svg,
.g_puba:hover img {
  transform: rotate(45deg);
}
.g_puba2 span {
  color: #0004f2;
}
.g_puba2 svg {
  margin-left: 0.1rem;
}
.g_puba2 svg path {
  fill: #0004f2;
}
.pub_tbox {
  padding: 0.88rem 0 0.95rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .pub_tbox {
    flex-direction: column;
    padding: 0.4rem 0 0.95rem;
  }
}
@media (max-width: 991px) {
  .pub_tbox .left {
    margin-bottom: 0.3rem;
  }
}
.pub_tbox .left h1 {
  font-weight: bold;
}
.pub_tbox .right {
  width: 42.1875%;
  padding: 0 0.37rem;
  border-left: 2px solid #e2e3e4;
}
@media (max-width: 767px) {
  .pub_tbox .right {
    width: 100%;
    border: none;
    padding: 0;
  }
}
.pub_tbox .right p {
  margin: -0.05rem 0 0.5rem;
}
@media (max-width: 991px) {
  .pub_tbox .right p br {
    display: none;
  }
}
/* 产品列表 */
.prolist {
  background: url(../images/g-prolist.png) no-repeat;
  background-position: center -0.7rem;
}
.proliston .g_box .proliston_nav {
  margin-bottom: 0.7rem;
  border-bottom: 1px solid #e8e7e7;
}
@media (max-width: 1260px) {
  .proliston .g_box .proliston_nav {
    overflow: auto;
  }
}
.proliston .g_box .proliston_nav .proliston_nav_box {
  display: flex;
  justify-content: flex-start;
}
.proliston .g_box .proliston_nav .proliston_nav_box .item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.7rem;
  padding-bottom: 0.25rem;
  transition: all 0.4s;
  min-width: 5em;
  border-bottom: 4px solid transparent;
}
@media (max-width: 1260px) {
  .proliston .g_box .proliston_nav .proliston_nav_box .item {
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .proliston .g_box .proliston_nav .proliston_nav_box .item {
    border-bottom: 2px solid transparent;
  }
}
.proliston .g_box .proliston_nav .proliston_nav_box .item.on {
  border-color: #0004f2;
}
.proliston .g_box .proliston_nav .proliston_nav_box .item.on .txt p {
  color: #0004f2;
}
.proliston .g_box .proliston_nav .proliston_nav_box .item:hover .txt p {
  color: #0004f2;
}
.proliston .g_box .proliston_nav .proliston_nav_box .item .img {
  width: 68px;
  height: 47px;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .proliston .g_box .proliston_nav .proliston_nav_box .item .img {
    height: 35px;
  }
}
.proliston .g_box .proliston_nav .proliston_nav_box .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proliston .g_box .proliston_nav .proliston_nav_box .item .txt p {
  color: #333;
  transition: all 0.4s;
  text-align: center;
}
@media (max-width: 767px) {
  .proliston .g_box .proliston_nav .proliston_nav_box .item .txt p {
    font-size: 12px;
  }
}
.proliston .g_box .proliston_box .proliston_con {
  padding-bottom: 0.78rem;
}
.proliston .g_box .proliston_box .proliston_con .pub_tc {
  margin-top: 0.14rem;
  text-align: center;
  display: flex;
  justify-content: center;
}
.proliston .g_box .proliston_box .proliston_con .pub_tc .more {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.proliston .g_box .proliston_box .proliston_con .pub_tc .more p {
  margin-top: 0.09rem;
  color: #0004f2;
}
.proliston_nr .proliston_hz {
  width: calc(100% + 0.3rem);
  margin-left: -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
.proliston_nr .proliston_hz .g_con {
  display: flex;
  flex-direction: column;
  width: calc(25% - 0.3rem);
  margin: 0 0.15rem 0.56rem;
}
@media (max-width: 767px) {
  .proliston_nr .proliston_hz .g_con {
    width: calc(50% - 0.3rem);
  }
}
.proliston_nr .proliston_hz .g_con:first-child {
  width: calc(50% - 0.3rem);
}
@media (max-width: 767px) {
  .proliston_nr .proliston_hz .g_con:first-child {
    width: 100%;
  }
}
.proliston_nr .proliston_hz .g_con:hover .img img {
  transform: scale(1.05);
}
.proliston_nr .proliston_hz .g_con:hover .txt .txt_b .txt_span {
  opacity: 0;
}
.proliston_nr .proliston_hz .g_con:hover .txt .txt_b .g_puba2 {
  opacity: 1;
}
.proliston_nr .proliston_hz .g_con .img {
  background: #f0f2f7;
  width: 100%;
  height: 4rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .proliston_nr .proliston_hz .g_con .img {
    height: 2.5rem;
  }
}
@media (max-width: 767px) {
  .proliston_nr .proliston_hz .g_con .img {
    height: 3rem;
  }
}
.proliston_nr .proliston_hz .g_con .img img {
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  object-fit: cover;
}
.proliston_nr .proliston_hz .g_con .txt {
  padding-top: 0.28rem;
}
.proliston_nr .proliston_hz .g_con .txt h3 {
  margin-bottom: 0.14rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}
.proliston_nr .proliston_hz .g_con .txt .txt_b {
  position: relative;
}
.proliston_nr .proliston_hz .g_con .txt .txt_b .txt_span {
  transition: all 0.4s;
}
.proliston_nr .proliston_hz .g_con .txt .txt_b .txt_span span {
  color: #666;
}
.proliston_nr .proliston_hz .g_con .txt .txt_b .g_puba2 {
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0.03rem;
  border-bottom: 2px solid #0004f2;
}
/* 解决方案 */
.solliston .solliston_ta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.solliston .solliston_ta a {
  cursor: pointer;
  border: 1px solid #000000;
  color: #222;
  min-width: 1.5rem;
  height: 0.6rem;
  border-radius: 100px;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  margin: 0 0.2rem 0.2rem 0;
}
.solliston .solliston_ta a:hover {
  border-color: #0004f2;
  color: #0004f2;
}
.solliston .solliston_ta a.on {
  background: #0004f2;
  border-color: #0004f2;
  color: #fff;
}
.solliston .solliston_scr {
  margin-bottom: 0.5rem;
}
.solliston .solliston_scr ul {
  padding: 0.3rem 0 0.2rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-wrap: wrap;
}
.solliston .solliston_scr ul li {
  margin-bottom: 0.1rem;
  margin-right: 0.6rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .solliston .solliston_scr ul li {
    margin-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .solliston .solliston_scr ul li {
    margin-bottom: 0.2rem;
  }
}
.solliston .solliston_scr ul li.on .j_inp {
  background: #0004f2 !important;
  border-color: #0004f2 !important;
}
.solliston .solliston_scr ul li a {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .solliston .solliston_scr ul li a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .solliston .solliston_scr ul li a {
    font-size: 0.28rem;
  }
}
.solliston .solliston_scr ul li label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.solliston .solliston_scr ul li label input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.solliston .solliston_scr ul li label p {
  color: #666;
}
.solliston .solliston_scr ul li label .j_inp {
  width: 24px;
  height: 24px;
  margin-right: 0.1rem;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
  .solliston .solliston_scr ul li label .j_inp {
    width: 18px;
    height: 18px;
  }
}
.solliston .solliston_scr ul li label .j_inp svg {
  width: 50%;
  height: auto;
}
.solliston .solliston_scr ul li label .j_inp svg path {
  fill: #fff;
}
.solliston .solliston_box {
  padding-bottom: 0.8rem;
}
.solliston_con {
  margin-bottom: 0.3rem;
  display: flex;
  flex-wrap: wrap;
}
.solliston_con .item {
  width: calc((100% - 1rem)/3);
  margin: 0 0.5rem 0.5rem 0;
}
@media (max-width: 767px) {
  .solliston_con .item {
    margin: 0 0 0.8rem 0;
    width: 100%;
  }
}
.solliston_con .item:nth-child(3n) {
  margin-right: 0;
}
.solliston_con .item .public-img:before {
  padding-top: 70%;
}
.solliston_con .item .txt {
  position: relative;
}
.solliston_con .item .txt .g_logo {
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%);
  top: 0%;
  right: 0.3rem;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) {
  .solliston_con .item .txt .g_logo {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.solliston_con .item .txt .g_logo img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.solliston_con .item .txt .txt_box {
  transition: all 0.4s;
  padding: 0.28rem 0.4rem 0.5rem;
  background: #fafafa;
}
.solliston_con .item .txt .txt_box .txt_con {
  margin-bottom: 0.5rem;
}
.solliston_con .item .txt .txt_box .txt_con span {
  font-weight: bold;
  color: #ff6631;
  display: block;
  margin-bottom: 0.12rem;
}
.solliston_con .item .txt .txt_box .txt_con h3 {
  line-height: 1.38;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.76em;
  color: #333;
}
.solliston_con .item .txt .txt_box .g_puba span {
  transition: all 0.4s;
  color: #999;
}
.solliston_con .item .txt .txt_box .g_puba svg path {
  transition: all 0.4s;
  fill: #999;
}
.solliston_con .item:hover .public-img img {
  transform: scale(1.05);
}
.solliston_con .item:hover .txt .txt_box {
  background: #f7f7ff;
}
.solliston_con .item:hover .txt .txt_box .g_puba span {
  color: #0004f2;
}
.solliston_con .item:hover .txt .txt_box .g_puba svg {
  transform: rotate(45deg);
}
.solliston_con .item:hover .txt .txt_box .g_puba svg path {
  fill: #0004f2;
}
.g_page {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g_page a {
  height: 0.5rem;
  min-width: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.1rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 1px solid #dddddd;
  font-size: 18px;
  color: #222;
  cursor: pointer;
}
@media (max-width: 767px) {
  .g_page a {
    font-size: 0.24rem;
  }
}
.g_page a.prev img,
.g_page a.prev svg {
  transform: rotate(180deg);
}
.g_page a:hover {
  color: #fff;
  border-color: #0004f2;
  background: #0004f2;
}
.g_page a:hover p {
  color: #fff;
}
.g_page a:hover svg path {
  fill: #fff;
}
.g_page a img,
.g_page a svg {
  width: 6px;
  height: auto;
}
@media (max-width: 767px) {
  .g_page a img,
  .g_page a svg {
    width: 5px;
  }
}
.g_page a .img2 {
  display: none;
}
.g_page a svg path {
  fill: #999;
}
.g_page .active {
  color: #fff;
  border-color: #0004f2;
  background: #0004f2;
}
.g_page .active p {
  color: #fff;
}
.g_page .g_page_qt {
  padding: 0 0.1rem;
}
@media (max-width: 767px) {
  .g_page .g_page_qt {
    font-size: 0.2rem;
  }
}
.g_page .g_inp {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #dddddd;
  text-align: center;
  color: #0004f2;
}
/* 解决方案详情 */
.g_pub_but {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  transition: all 0.4s;
  width: 1.8rem;
  height: 0.6rem;
  background-color: #ff6631;
  border-radius: 0.3rem;
}
@media (max-width: 767px) {
  .g_pub_but {
    width: 2.4rem;
    height: 0.78rem;
    border-radius: 0.4rem;
  }
}
.g_pub_but:hover {
  opacity: 0.9;
}
.solinfo {
  position: relative;
}
.solinfo .g_bjimg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f0f2f7;
  z-index: -1;
}
.solinfo .g_bjimg.on::after {
  width: 0;
}
.solinfo .g_bjimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solinfo .g_bjimg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: #f0f2f7;
  transition: all 1s;
}
.solinfoon {
  padding-bottom: 1.02rem;
}
.solinfoon .box {
  margin-top: 0.22rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .solinfoon .box {
    flex-direction: column-reverse;
  }
}
.solinfoon .box .left {
  width: 38.125%;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .solinfoon .box .left {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .solinfoon .box .left {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.solinfoon .box .left .txt {
  margin-bottom: 0.52rem;
}
.solinfoon .box .left .txt h2 {
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.28rem;
}
.solinfoon .box .right {
  border-top: 1px solid #d8daf6;
  padding-top: 0.28rem;
  width: 3.6rem;
  margin-right: 1.72rem;
}
@media (max-width: 991px) {
  .solinfoon .box .right {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .solinfoon .box .right {
    width: 100%;
  }
}
.solinfoon .box .right .r_data {
  margin-bottom: 1.05rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .solinfoon .box .right .r_data {
    margin-bottom: 0.6rem;
  }
}
.solinfoon .box .right .r_data .r_data_l .r_data_t {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.solinfoon .box .right .r_data .r_data_l .r_data_t p {
  color: #fd652e;
  /* font-weight: bold; */
  line-height: 0.8;
}
.solinfoon .box .right .r_data .r_data_l .r_data_t span {
  color: #fd652e;
  font-weight: bold;
  margin-left: 0.1rem;
  line-height: 1;
}
.solinfoon .box .right .r_data .r_data_l .r_data_b p {
  color: #fd652e;
  font-weight: bold;
  line-height: 1;
}
.solinfoon .box .right .r_p {
  margin-top: -0.4rem;
}
@media (max-width: 767px) {
  .solinfoon .box .right .r_p {
    margin-top: 0;
  }
}
.g_tit {
  margin-bottom: 0.58rem;
}
.g_tit h2 {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.solinfotw {
  padding: 1.05rem 0 1.3rem;
}
.solinfotw .box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .solinfotw .box {
    flex-direction: column;
  }
}
.solinfotw .box .left {
  width: 50%;
  padding-right: 1.55rem;
}
@media (max-width: 991px) {
  .solinfotw .box .left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .solinfotw .box .left {
    padding: 0;
  }
}
.solinfotw .box .left .l_box .item {
  display: flex;
  margin-bottom: 0.2rem;
}
.solinfotw .box .left .l_box .item:last-child .g_l .g_svg {
  display: none;
}
.solinfotw .box .left .l_box .item.on .g_l .g_svg svg:nth-child(1) path,
.solinfotw .box .left .l_box .item.on .g_l .g_svg img:nth-child(1) path {
  /* fill: #ffccbc; */
  fill: #ffc2ad;
}
.solinfotw .box .left .l_box .item.on .g_l .g_svg svg:nth-child(2) path,
.solinfotw .box .left .l_box .item.on .g_l .g_svg img:nth-child(2) path {
  /* fill: #ffc2ad; */
  fill: #ff6631;
}
.solinfotw .box .left .l_box .item.on .g_l .g_svg svg:nth-child(3) path,
.solinfotw .box .left .l_box .item.on .g_l .g_svg img:nth-child(3) path {
  fill: #ff6631;
}
.solinfotw .box .left .l_box .item .g_l .g_num {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 0.25rem 0.15rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .solinfotw .box .left .l_box .item .g_l .g_num {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.solinfotw .box .left .l_box .item .g_l .g_num::after {
  content: '';
  position: absolute;
  background: #f5f5fe;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.14rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .solinfotw .box .left .l_box .item .g_l .g_num::after {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.solinfotw .box .left .l_box .item .g_l .g_num p {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  border-radius: 0.14rem;
  background: #ebecfd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #0004f1;
}
.solinfotw .box .left .l_box .item .g_l .g_svg {
  overflow: hidden;
  width: 0.44rem;
  height: 0.24rem;
  margin: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  transform: translateY(50%);
}
@media (max-width: 767px) {
  .solinfotw .box .left .l_box .item .g_l .g_svg {
    width: 0.64rem;
    height: 0.24rem;
  }
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg,
.solinfotw .box .left .l_box .item .g_l .g_svg img {
  bottom: 0;
  position: relative;
  /* &:nth-child(3){
									path{
										fill: #dbdbdb;
									}
								} */
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg:nth-child(1),
.solinfotw .box .left .l_box .item .g_l .g_svg img:nth-child(1) {
  animation: sb8iconRun2 2s ease-in-out infinite;
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg:nth-child(1) path,
.solinfotw .box .left .l_box .item .g_l .g_svg img:nth-child(1) path {
  fill: #f1f1f1;
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg:nth-child(2),
.solinfotw .box .left .l_box .item .g_l .g_svg img:nth-child(2) {
  animation: sb8iconRun2 2s 1s ease-in-out infinite;
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg:nth-child(2) path,
.solinfotw .box .left .l_box .item .g_l .g_svg img:nth-child(2) path {
  fill: #dbdbdb;
}
.solinfotw .box .left .l_box .item .g_l .g_svg svg path,
.solinfotw .box .left .l_box .item .g_l .g_svg img path {
  transition: all 0.4s;
}
.solinfotw .box .left .l_box .item .g_r h3 {
  margin-bottom: 0.06rem;
  font-weight: bold;
}
.solinfotw .box .left .l_box .item .g_r p {
  color: #666;
}
.solinfotw .box .right {
  width: 50%;
  padding: 0.39rem 0.24rem;
  margin-top: 0.6rem;
  box-shadow: 0 5px 0.3rem rgba(0, 4, 241, 0.08);
}
@media (max-width: 991px) {
  .solinfotw .box .right {
    width: 100%;
  }
}
.solinfotw .box .right .tit {
  background: url(../images/g-solinfo4.png) no-repeat;
  background-size: auto 100%;
  padding: 0.08rem 0.25rem;
}
.solinfotw .box .right .tit p {
  color: #0004f1;
  font-weight: bold;
}
.solinfotw .box .right .img img {
  width: 100%;
  height: auto;
}
@keyframes sb8iconRun {
  0% {
    transform: translate3d(0%, -0.24rem, 0px) scale(1);
    transform-style: preserve-3d;
    opacity: 1;
  }
  20% {
    transform: translate3d(0%, -0.24rem, 0px) scale(1);
    transform-style: preserve-3d;
    opacity: 1;
  }
  100% {
    transform: translate3d(0%, 0.12rem, 0px) scale(1);
    transform-style: preserve-3d;
    opacity: 0;
  }
}
@keyframes sb8iconRun2 {
  0% {
    bottom: 0.3rem;
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.solinfoth {
  padding-bottom: 1.6rem;
}
.solinfoth .box {
  background: #f0f2f7;
  border-top: 3px solid #0004f1;
}
.solinfoth .box .item {
  width: 100%;
  position: relative;
  background: url(../images/g-solinfo7.png) no-repeat;
  background-position: 95% 0.46rem;
  padding: 0.54rem 0.42rem;
  display: flex;
  align-items: center;
}
.solinfoth .box .item .g_l {
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid #0004f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.48rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .solinfoth .box .item .g_l {
    width: 1rem;
    height: 1rem;
  }
}
.solinfoth .box .item .g_l img {
  width: 35%;
  height: auto;
}
.solinfoth .box .item .g_r h3 {
  line-height: 1;
  margin-bottom: 0.12rem;
  font-weight: bold;
  color: #0004f1;
}
.solinfoth .box .item .g_r p {
  color: #666;
}
.g_qie .pub_nav {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  cursor: pointer;
  transition: all 0.4s;
}
.g_qie .pub_nav:hover {
  background: #d60c1c;
}
.g_qie .pub_nav:hover svg path {
  fill: #fff;
}
.g_qie .pub_nav svg {
  width: 33.33%;
  height: auto;
}
.g_qie .pub_nav svg path {
  fill: #999;
  opacity: 1;
}
.g_qie .pub_prev {
  left: 0.8rem;
}
.g_qie .pub_prev svg {
  transform: rotate(180deg);
}
.g_qie .pub_next {
  right: 0.8rem;
}
.solinfofo {
  padding: 0 0 2.2rem;
}
@media (max-width: 767px) {
  .solinfofo {
    padding: 0 0 1.5rem;
  }
}
.solinfofo .box {
  position: relative;
}
.solinfofo .box .left {
  width: 57.8125%;
}
@media (max-width: 767px) {
  .solinfofo .box .left {
    width: 100%;
  }
}
.solinfofo .box .left .public-img:before {
  padding-top: 81.08108108%;
}
.solinfofo .box .right {
  width: 50%;
  position: absolute;
  top: 1.6rem;
  right: 0;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .solinfofo .box .right {
    top: 1rem;
  }
}
@media (max-width: 767px) {
  .solinfofo .box .right {
    position: initial;
    width: 100%;
  }
}
.solinfofo .box .right .gallery-top {
  background: #0004f1;
}
.solinfofo .box .right .gallery-top .r_box {
  background: url(../images/g-solinfo9.jpg) no-repeat;
  background-size: cover;
  height: 6.5rem;
  padding: 0.7rem 0.7rem;
}
@media (max-width: 991px) {
  .solinfofo .box .right .gallery-top .r_box {
    height: 5rem;
    padding: 0.3rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .solinfofo .box .right .gallery-top .r_box {
    height: auto;
  }
}
.solinfofo .box .right .gallery-top .r_box .txt {
  margin-bottom: 0.35rem;
  color: #fff;
}
.solinfofo .box .right .gallery-top .r_box .txt h3 {
  margin-bottom: 0.2rem;
  line-height: 1.2;
  font-weight: bold;
}
.solinfofo .box .right .gallery-top .r_box .g_lab {
  color: #fff;
}
.solinfofo .box .right .gallery-top .r_box .g_lab .lab_box {
  margin-bottom: 0.21rem;
  display: flex;
  align-items: center;
}
.solinfofo .box .right .gallery-top .r_box .g_lab .lab_box svg,
.solinfofo .box .right .gallery-top .r_box .g_lab .lab_box img {
  margin-right: 0.1rem;
  width: 0.2rem;
  height: auto;
}
.solinfofo .box .right .gallery-top .r_box .g_lab .lab_box svg path,
.solinfofo .box .right .gallery-top .r_box .g_lab .lab_box img path {
  fill: #ff6631;
}
.solinfofo .box .right .g_qie {
  flex-direction: column;
  display: flex;
}
@media (max-width: 767px) {
  .solinfofo .box .right .g_qie {
    display: none;
  }
}
.solinfofo .box .right .g_qie .pub_nav {
  border-radius: 0;
  position: initial;
  transform: translateY(0%);
  width: 0.9rem;
  height: 0.9rem;
}
.solinfofo .box .right .g_qie .pub_nav img {
  width: 0.17rem;
}
.solinfofo .box .right .g_qie .pub_prev img,
.solinfofo .box .right .g_qie .pub_next img {
  transition: all 0.4s;
}
.solinfofo .box .right .g_qie .pub_prev:hover img,
.solinfofo .box .right .g_qie .pub_next:hover img {
  transform: rotate(45deg);
}
.solinfofo .box .right .g_qie .pub_prev {
  background: #ff6631;
}
.solinfofo .box .right .g_qie .pub_next {
  background: #000;
  transform: rotate(180deg);
}
.solinfofi {
  padding-bottom: 1.56rem;
}
@media (max-width: 767px) {
  .solinfofi {
    padding-bottom: 1rem;
  }
}
.solinfofi .box .g_tit {
  margin-bottom: 0;
}
.solinfofi .box .solinfofo_box {
  margin-top: -0.2rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box {
    margin-top: 1rem;
  }
}
.solinfofi .box .solinfofo_box .g_l {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24.0625%;
  background: #0004f2;
  border-radius: 0.2rem;
  padding: 0.2rem 0.65rem 0.21rem 0;
}
@media (max-width: 991px) {
  .solinfofi .box .solinfofo_box .g_l {
    padding: 0.2rem 0.55rem 0.21rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box .g_l {
    display: none;
  }
}
.solinfofi .box .solinfofo_box .g_l .g_l_box {
  padding: 0 0.6rem;
}
@media (max-width: 991px) {
  .solinfofi .box .solinfofo_box .g_l .g_l_box {
    padding: 0 0.1rem;
  }
}
.solinfofi .box .solinfofo_box .g_l .g_l_box p {
  background: #fff;
  border-radius: 100px;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.22rem 0;
  font-weight: bold;
}
@media (max-width: 991px) {
  .solinfofi .box .solinfofo_box .g_l .g_l_box p {
    font-size: 0.24rem;
  }
}
.solinfofi .box .solinfofo_box .g_r {
  position: relative;
  z-index: 10;
  background: #eff2f6;
  width: 80%;
  border-radius: 0.2rem;
  padding: 0 0.4rem;
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box .g_r {
    width: 100%;
  }
}
.solinfofi .box .solinfofo_box .g_r .g_r_box {
  display: flex;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast {
  width: 50%;
  color: #999;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast:first-child {
  color: #ff6631;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast:first-child .g_data p.on span {
  transform: translateX(50%);
  opacity: 1;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_tw {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.5rem;
  text-align: center;
  padding-bottom: 0.36rem;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_tw .public-img {
  margin-bottom: 0.2rem;
  width: 1.09rem;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_tw .public-img:before {
  padding-top: 101.86915888%;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_tw .public-img img {
  object-fit: contain;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_tw .txt h4 {
  font-weight: bold;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data {
  padding: 0 0 0.32rem;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p {
  height: 0.6rem;
  border-bottom: 1px solid #dededf;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p {
    height: 1.2rem;
    padding: 0.2rem 0;
  }
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p.on span {
  opacity: 0;
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p.on span {
    margin: 0;
  }
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p:last-child {
  border: none;
}
.solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p span {
  display: block;
  width: 100%;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 767px) {
  .solinfofi .box .solinfofo_box .g_r .g_r_box .g_contrast .g_data p span {
    margin: 0 0.2rem;
  }
}
@media (max-width: 767px) {
  .solinfosi {
    padding: 1.2rem 0 1.5rem;
  }
}
.solinfosi .pub_title1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.solinfosi .pub_title1 .left .g_tit {
  margin-bottom: 0;
}
.solinfosi .pub_title1 .left .g_tit h2 {
  margin-bottom: 0;
}
.solinfosi .pub_title1 .right .qie {
  display: flex;
}
.solinfosi .pub_title1 .right .qie .base_next,
.solinfosi .pub_title1 .right .qie .base_prev {
  margin-right: 0.2rem;
  background: #f1f3f8;
}
.solinfosi .pub_title1 .right .qie .base_next:hover,
.solinfosi .pub_title1 .right .qie .base_prev:hover {
  background: #0004f2;
}
.solinfosi .box {
  margin-bottom: 0.55rem;
  margin-top: 0.5rem;
  padding-left: calc((100% - 1600px)/2);
}
@media (max-width: 1580px) {
  .solinfosi .box {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .solinfosi .box {
    padding-left: 5%;
  }
}
.solinfosi .box .boxx {
  width: 100%;
  overflow: hidden;
  position: relative;
  /* cursor: none; */
}
@media (max-width: 767px) {
  .solinfosi .box .boxx {
    /* cursor: initial; */
  }
}
.solinfosi .box .boxx .mouse {
  pointer-events: none;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 1.07rem;
  height: 1.07rem;
  border: 1px solid #0051d9;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
  .solinfosi .box .boxx .mouse {
    display: none !important;
  }
}
.solinfosi .box .boxx .mouse svg {
  width: 0.14rem;
  height: auto;
}
.solinfosi .box .boxx .mouse svg path {
  fill: #0004f2;
}
.solinfosi .box .boxx .mouse .img1 {
  width: 0.14rem;
  height: auto;
  transform: rotate(180deg);
}
.solinfosi .box .boxx .mouse .img2 {
  width: 0.14rem;
  height: auto;
  margin: 0 0.16rem;
}
.solinfosi .box .boxx .swiper-container {
  width: 1600px;
  margin: 0;
  overflow: initial;
}
@media (max-width: 1580px) {
  .solinfosi .box .boxx .swiper-container {
    width: 84vw;
  }
}
@media (max-width: 1260px) {
  .solinfosi .box .boxx .swiper-container {
    width: 90vw;
  }
}
.solinfosi .box .boxx .swiper-container .homeon_box {
  padding: 0.6rem 0.48rem 0.54rem;
  background: #eff2f6;
  overflow: hidden;
  display: block;
  position: relative;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .bj {
  opacity: 1;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .g_nr .txt_box .txtbj {
  opacity: 1;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .g_nr .txt_box .txt {
  background: none;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .g_nr .txt_box .txt .txt_t h3 {
  color: #fff;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .g_nr .txt_box .txt .txt_t p {
  color: #fff;
}
.solinfosi .box .boxx .swiper-container .homeon_box:hover .g_nr .txt_box .txt .num p {
  opacity: 1;
  color: #fff;
}
.solinfosi .box .boxx .swiper-container .homeon_box .bj {
  transition: all 0.4s;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.solinfosi .box .boxx .swiper-container .homeon_box .bj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr {
  position: relative;
  z-index: 20;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .img {
  width: 1.03rem;
  height: 1.03rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.4rem;
  padding: 0.28rem;
  background: #fff;
}
@media (max-width: 767px) {
  .solinfosi .box .boxx .swiper-container .homeon_box .g_nr .img {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txtbj {
  position: absolute;
  top: 0;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  opacity: 0;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txt {
  position: relative;
  z-index: 10;
  transition: all 0.4s;
  width: 100%;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txt .txt_t {
  margin-bottom: 0.7rem;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txt .txt_t h3 {
  font-weight: bold;
  margin-bottom: 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txt .txt_t p {
  transition: all 0.4s;
  line-height: 1.33;
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 3.99em;
}
.solinfosi .box .boxx .swiper-container .homeon_box .g_nr .txt_box .txt .num p {
  transition: all 0.4s;
  line-height: 0.8;
  color: #0004f2;
  opacity: 0.1;
}
.solinfosi .g_bot {
  /* padding-bottom: 1.6rem; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .solinfosi .g_bot {
    flex-direction: column;
    padding-bottom: 0;
  }
}
.solinfosi .g_bot > p {
  color: #0004f2;
  font-weight: bold;
}
@media (max-width: 767px) {
  .solinfosi .g_bot > p {
    margin-bottom: 0.3rem;
  }
}
.solinfosi .g_bot .g_r {
  display: flex;
  align-items: center;
}
.solinfosi .g_bot .g_r img {
  margin-left: 0.59rem;
  width: 1.39rem;
}
@media (max-width: 767px) {
  .solinfosi .g_bot .g_r img {
    width: 1.6rem;
  }
}
.solinfose {
  background: #eff2f6;
  padding: 1.35rem 0 1.03rem;
}
.solinfose .box {
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .solinfose .box {
    padding-top: 2rem;
  }
}
.solinfose .box .item {
  background: #fff;
  margin: 0 0.3rem 0.3rem 0;
  width: calc((100% - 0.9rem)/4);
}
@media (max-width: 767px) {
  .solinfose .box .item {
    width: 100%;
    margin: 0 0 2.5rem 0;
  }
}
@media (max-width: 767px) {
  .solinfose .box .item:last-child {
    margin-bottom: 0;
  }
}
.solinfose .box .item:nth-child(4n) {
  margin-right: 0;
}
.solinfose .box .item .public-img {
  margin: -0.74rem 0 0.48rem;
  width: 100%;
}
@media (max-width: 767px) {
  .solinfose .box .item .public-img {
    margin: -1.74rem 0 0.48rem;
  }
}
.solinfose .box .item .public-img:before {
  padding-top: 63.12997347%;
}
.solinfose .box .item .public-img img {
  object-fit: contain;
}
.solinfose .box .item .txt {
  padding: 0 0.3rem 0.2rem;
}
.solinfose .box .item .txt h3 {
  margin-bottom: 0.1rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.solinfose .box .item .txt p {
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.solinfoei {
  padding: 1.35rem 0 0.7rem;
}
.solinfoni {
  height: 3.6rem;
  display: flex;
}
@media (max-width: 767px) {
  .solinfoni {
    height: auto;
    flex-direction: column;
  }
}
.solinfoni .box {
  color: #fff;
  height: 100%;
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .solinfoni .box {
    width: 100%;
    height: 4rem;
  }
}
.solinfoni .box .img {
  width: 100%;
  height: 100%;
}
.solinfoni .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solinfoni .box .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.6rem;
}
@media (max-width: 767px) {
  .solinfoni .box .txt {
    padding: 0 0.6rem;
  }
}
.solinfoni .box .txt p {
  font-weight: bold;
  line-height: 1.38;
}
.solinfoni .box .txt .g_pub_but {
  margin-top: 0.55rem;
}
.solinfoni .left .txt {
  padding-bottom: 0.13rem;
}
.solinfoni .right .txt {
  padding-bottom: 0.25rem;
}
/* 售前咨询 */
.g_pre {
  margin-top: 1.25rem;
  padding: 0.6rem 0 1.4rem;
  border-top: 1px solid #e4e4e5;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .g_pre {
    flex-direction: column;
  }
}
.g_pre .item {
  height: 5.6rem;
  background: #f8f8f8;
  position: relative;
  width: 50%;
  transition: all 0.4s;
  margin-right: 0.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .g_pre .item {
    width: 100% !important;
    margin-bottom: 0.8rem;
  }
  .g_pre .item .g_yr {
    opacity: 1 !important;
    pointer-events: initial;
  }
}
.g_pre .item.on {
  width: 50%;
  flex-shrink: 0;
}
.g_pre .item.on .g_yr {
  opacity: 1;
  pointer-events: initial;
}
.g_pre .item:last-child {
  margin-right: 0;
}
.g_pre .item .g_yr {
  /* transition: all 0.4s; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  min-width: 6rem;
  background: #f8f8f8;
  padding: 0.75rem 0.6rem;
}
@media (max-width: 991px) {
  .g_pre .item .g_yr {
    min-width: 4rem;
  }
}
.g_pre .item .g_yr h3 {
  font-weight: bold;
  margin-bottom: 0.58rem;
  line-height: 1.1;
}
.g_pre .item .g_yr .g_lab .g_lab_box {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
}
.g_pre .item .g_yr .g_lab .g_lab_box svg,
.g_pre .item .g_yr .g_lab .g_lab_box img {
  margin-right: 0.1rem;
  width: 0.2rem;
  height: auto;
}
.g_pre .item .g_yr .g_lab .g_lab_box svg path,
.g_pre .item .g_yr .g_lab .g_lab_box img path {
  fill: #0004f2;
}
.g_pre .item .g_yr .hm_but {
  margin-top: 0.3rem;
}
.g_pre .item .g_yr .hm_but:hover {
  color: #fff;
}
.g_pre .item .g_yr .hm_but svg {
  width: 10px;
  height: auto;
  margin-left: 0.28rem;
}
.g_pre .item .g_yr .bj_svg {
  position: absolute;
  bottom: 0.6rem;
  right: 0.6rem;
  opacity: 0.06;
  width: 2.7rem;
  height: auto;
}
@media (max-width: 767px) {
  .g_pre .item .g_yr .bj_svg {
    width: 2rem;
  }
}
.g_pre .item .g_xs {
  padding: 0.78rem 0.07rem 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.g_pre .item .g_xs .g_tw {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.g_pre .item .g_xs .g_tw svg,
.g_pre .item .g_xs .g_tw img {
  width: 0.6rem;
  height: auto;
  margin-bottom: 0.05rem;
}
.g_pre .item .g_xs .g_tw svg path,
.g_pre .item .g_xs .g_tw img path {
  fill: #0004f2;
}
.g_pre .item .g_xs .g_svg {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 1px solid #0004f2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g_pre .item .g_xs .g_svg svg {
  width: 7px;
  height: auto;
}
.g_pre .item .g_xs .g_svg svg path {
  fill: #0004f2;
}
/* 404 */
.g_404 .g_404_box {
  padding: 0 0 2.8rem;
  text-align: center;
}
.g_404 .g_404_box .g_404_con {
  margin-bottom: 0.48rem;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.g_404 .g_404_box .g_404_con p {
  line-height: 0.8;
  font-size: 3.2rem;
  font-weight: bold;
  background-image: linear-gradient(180deg, #1e22f6 0%, #595bff 50%, #1e22f6 100%), linear-gradient(#3384ff, #3384ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g_404 .g_404_box .g_404_con span {
  line-height: 0.8;
  font-size: 3.2rem;
  font-weight: bold;
  background-image: linear-gradient(180deg, #ff794a 0%, #ff7241 50%, #ff794a 100%), linear-gradient(#ff794a, #ff794a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g_404 .g_404_box .g_bp {
  margin-bottom: 0.28rem;
}
.g_404 .g_404_box .g_bp p {
  font-weight: bold;
}
.g_404 .g_404_box .g_bp p span {
  color: #0004f1;
}
/* 隐私政策 */
.g-pri {
  padding: 1.05rem 0 1.2rem;
}
.g-pri .box .tit {
  margin-bottom: 0.28rem;
  text-align: center;
}
.g-pri .box .tit h2 {
  font-weight: bold;
  margin-bottom: 0.05rem;
}
.g-pri .box .tit .g-p {
  display: flex;
  justify-content: center;
}
.g-pri .box .tit .g-p p {
  color: #666;
  margin: 0 0.23rem;
}
.g-pri .box .public-content h3 {
  font-size: 24px;
}
.g-pri .box .public-content .p1 {
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .p1:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .p1:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box {
  display: flex;
}
@media (max-width: 767px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box {
    flex-direction: column;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span {
  flex-shrink: 0;
  color: #222;
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul {
  padding: 0;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul li {
  list-style: none;
}
/* 搜索结果 */
.g_sea .pub_tbox .left form {
  margin-top: 0.22rem;
  border: 1px solid #cccccc;
  padding: 3px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 4.1rem;
  height: 0.6rem;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .g_sea .pub_tbox .left form {
    height: 0.8rem;
    width: 100%;
  }
}
.g_sea .pub_tbox .left form .g_sea_box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 0.2rem;
}
.g_sea .pub_tbox .left form .g_sea_box svg {
  width: 0.21rem;
  height: auto;
}
@media (max-width: 767px) {
  .g_sea .pub_tbox .left form .g_sea_box svg {
    width: 0.3rem;
  }
}
.g_sea .pub_tbox .left form .g_sea_box svg path {
  fill: #0206f1;
}
.g_sea .pub_tbox .left form .g_sea_box input {
  width: 100%;
  padding: 0 10px;
}
.g_sea .pub_tbox .left form button {
  height: 100%;
  width: 1rem;
  flex-shrink: 0;
  background: #0004f1;
  border-radius: 100px;
  color: #fff;
}
@media (max-width: 767px) {
  .g_sea .pub_tbox .left form button {
    width: 1.5rem;
  }
}
.seaon {
  padding-bottom: 0.5rem;
}
.seaon .solliston_ta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.seaon .solliston_ta a {
  cursor: pointer;
  border: 1px solid #000000;
  color: #222;
  min-width: 1.15rem;
  height: 0.6rem;
  border-radius: 100px;
  padding: 0 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  margin: 0 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
  .seaon .solliston_ta a {
    height: 0.8rem;
  }
}
.seaon .solliston_ta a:hover {
  border-color: #0004f2;
  color: #0004f2;
}
.seaon .solliston_ta a.on {
  background: #0004f2;
  border-color: #0004f2;
  color: #fff;
}
.seaon .solliston_ta a p {
  position: relative;
}
.seaon .solliston_ta a span {
  display: inline-block;
  margin: 0 0 0.18rem 0.04rem;
}
@media (max-width: 767px) {
  .seaon .solliston_ta a span {
    font-size: 0.2rem;
    margin: 0 0 0.35rem 0.04rem;
  }
}
.seaon .proliston_nr {
  padding: 0.7rem 0 0.8rem;
  border-top: 1px solid #e8e7e7;
}
.seaon .proliston_nr .proliston_hz {
  width: calc(100% + 0.3rem);
  margin-left: -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
.seaon .proliston_nr .proliston_hz .g_con {
  display: flex;
  flex-direction: column;
  width: calc(25% - 0.3rem);
  margin: 0 0.15rem 0.56rem;
}
@media (max-width: 767px) {
  .seaon .proliston_nr .proliston_hz .g_con {
    width: calc(50% - 0.3rem);
  }
}
.seaon .proliston_nr .proliston_hz .g_con:first-child {
  width: calc(25% - 0.3rem);
}
@media (max-width: 767px) {
  .seaon .proliston_nr .proliston_hz .g_con:first-child {
    width: calc(50% - 0.3rem);
  }
}
/* 产品详情 */
.proinfoon {
  background: url(../images/g-proinfo.jpg) no-repeat;
  background-size: cover;
}
.proinfoon .box {
  margin-top: 0.48rem;
  padding-bottom: 1.4rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .proinfoon .box {
    flex-direction: column-reverse;
  }
}
.proinfoon .box .left {
  width: 40%;
  background: url(../images/g-proinfo2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
@media (max-width: 991px) {
  .proinfoon .box .left {
    width: 100%;
  }
}
.proinfoon .box .left .bj {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* object-fit: cover; */
}
.proinfoon .box .left .l_box {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 0.72rem 0.75rem 0.47rem 0.42rem;
}
@media (max-width: 767px) {
  .proinfoon .box .left .l_box {
    padding: 0.52rem 0.4rem 0.47rem;
  }
}
.proinfoon .box .left .l_box .txt .txt_t h1 {
  font-weight: bold;
  color: #ff6631;
  line-height: 1.2;
}
.proinfoon .box .left .l_box .txt .txt_t p {
  line-height: 1.9;
  margin-top: 0.3rem;
}
.proinfoon .box .left .l_box .txt .g_lab {
  margin-top: 0.36rem;
  display: flex;
  flex-direction: column;
}
.proinfoon .box .left .l_box .txt .g_lab span {
  color: #0004f2;
}
.proinfoon .box .left .l_box .b_a {
  margin-top: 0.85rem;
  display: flex;
  flex-wrap: wrap;
}
.proinfoon .box .left .l_box .b_a a {
  cursor: pointer;
  border: 1px solid #333333;
  min-width: 1.5rem;
  height: 0.6rem;
  border-radius: 100px;
  padding: 0 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  margin: 0 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
  .proinfoon .box .left .l_box .b_a a {
    height: 0.8rem;
    padding: 0 0.25rem;
  }
}
.proinfoon .box .left .l_box .b_a a.a1 {
  border-color: #0004f2;
  background: #0004f2;
}
.proinfoon .box .left .l_box .b_a a.a1 p {
  color: #fff;
}
.proinfoon .box .left .l_box .b_a a.a1 svg path {
  fill: #fff;
}
.proinfoon .box .left .l_box .b_a a:hover {
  border-color: #0004f2;
  opacity: 0.8;
  background: #0004f2;
}
.proinfoon .box .left .l_box .b_a a:hover p {
  color: #fff;
}
.proinfoon .box .left .l_box .b_a a:hover svg path {
  fill: #fff;
}
.proinfoon .box .left .l_box .b_a a p {
  color: #333;
  margin-left: 0.12rem;
  transition: all 0.4s;
}
.proinfoon .box .left .l_box .b_a a svg {
  width: 0.25rem;
  height: 0.25rem;
}
@media (max-width: 767px) {
  .proinfoon .box .left .l_box .b_a a svg {
    width: 0.4rem;
    height: auto;
  }
}
.proinfoon .box .left .l_box .b_a a svg path {
  fill: #333333;
  transition: all 0.4s;
}
.proinfoon .box .right {
  width: 55%;
}
@media (max-width: 991px) {
  .proinfoon .box .right {
    width: 100%;
  }
}
.proinfoon .box .right .r_box {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .proinfoon .box .right .r_box {
    width: 100%;
  }
}
.proinfoon .box .right .r_box .gallery-thumbs {
  margin-top: 0.25rem;
  height: 6rem;
  width: 7.5rem;
}
@media (max-width: 1260px) {
  .proinfoon .box .right .r_box .gallery-thumbs {
    height: 7rem;
    width: auto;
  }
}
@media (max-width: 767px) {
  .proinfoon .box .right .r_box .gallery-thumbs {
    height: 4.4rem;
  }
}
.proinfoon .box .right .r_box .gallery-thumbs .vid_on {
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.33rem;
  height: 0.33rem;
  border-radius: 50%;
  background: rgba(16, 49, 63, 0.2);
}
.proinfoon .box .right .r_box .gallery-thumbs .vid_on svg {
  width: 27.27%;
  height: auto;
}
.proinfoon .box .right .r_box .gallery-thumbs .vid_on svg path {
  fill: #fff;
}
.proinfoon .box .right .r_box .gallery-thumbs .img {
  padding: 0.05rem 0.04rem;
  width: 100%;
  height: 100%;
}
.proinfoon .box .right .r_box .gallery-thumbs .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfoon .box .right .r_box .gallery-top {
  margin-right: -30px;
  padding: 30px;
  width: 160px;
  height: 490px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .proinfoon .box .right .r_box .gallery-top {
    width: 80px;
    height: 254px;
    padding: 10px;
    margin-right: -10px;
  }
}
.proinfoon .box .right .r_box .gallery-top .vid_on {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.33rem;
  height: 0.33rem;
  border-radius: 50%;
  background: rgba(16, 49, 63, 0.2);
}
.proinfoon .box .right .r_box .gallery-top .vid_on svg {
  width: 27.27%;
  height: auto;
}
.proinfoon .box .right .r_box .gallery-top .vid_on svg path {
  fill: #fff;
}
.proinfoon .box .right .r_box .gallery-top .img_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.proinfoon .box .right .r_box .gallery-top .img_box .img {
  transition: all 0.4s;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #fff;
}
.proinfoon .box .right .r_box .gallery-top .img_box .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfoon .box .right .r_box .gallery-top .swiper-slide-thumb-active .img {
  border-color: #fff;
  box-shadow: 0 3px 0.2rem rgba(72, 127, 181, 0.1);
  background: -webkit-linear-gradient(to bottom, #e7f0ff, #fff);
  background: linear-gradient(to bottom, #e7f0ff, #fff);
}
.proinfo_nav {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
  border-bottom: 1px solid #ddd;
  height: 0.7rem;
  z-index: 100;
  transition: all 0.4s;
}
.proinfo_nav.on {
  height: 0.42rem;
}
@media (max-width: 767px) {
  .proinfo_nav {
    height: 1rem;
    position: initial;
  }
}
.proinfo_nav .proinfo_nav_box {
  height: 100%;
  overflow: auto;
  display: flex;
}
.proinfo_nav .proinfo_nav_box .proinfo_nav_con {
  padding: 0 5px;
  height: 100%;
  display: flex;
  position: relative;
}
.proinfo_nav .proinfo_nav_box .proinfo_nav_con i {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #eff2f6;
}
@media (max-width: 767px) {
  .proinfo_nav .proinfo_nav_box .proinfo_nav_con i {
    display: none;
  }
}
.proinfo_nav .proinfo_nav_box .proinfo_nav_con a {
  position: relative;
  z-index: 10;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 0.27rem;
  flex-shrink: 0;
  cursor: pointer;
}
.proinfotw {
  padding: 1.1rem 0 0;
}
.proinfotw .box .g_tit {
  margin-bottom: 0.5rem;
}
.proinfotw .proinfotw_con .proinfotw_nr {
  /* margin-bottom: 0.55rem; */
  margin-top: 0.5rem;
  padding-left: calc((100% - 1600px)/2);
  position: relative;
}
@media (max-width: 1580px) {
  .proinfotw .proinfotw_con .proinfotw_nr {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .proinfotw .proinfotw_con .proinfotw_nr {
    padding-left: 5%;
  }
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1px;
  padding-bottom: 1.24rem;
  /* cursor: none; */
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx {
    /* cursor: initial; */
  }
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container {
  width: 1600px;
  margin: 0;
  overflow: initial;
  /* .swiper-slide-active,.on{
						.proinfotw_hz{
							opacity: 1;
						}
					} */
}
@media (max-width: 1580px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container {
    width: 84vw;
  }
}
@media (max-width: 1260px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container {
    width: 90vw;
  }
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container::after {
  content: '';
  position: absolute;
  width: 4rem;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  left: 100%;
  top: 0;
  z-index: 10;
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container::after {
    display: none;
  }
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .swip2_pag {
  top: auto;
  bottom: -0.62rem;
  width: 6rem;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .swip2_pag span {
  background: #ff6631;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .swiper-slide:first-child .proinfotw_hz {
  border-left: 1px solid #dddddd;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz {
  /* opacity: 0.2; */
  padding: 0.58rem 0.3rem 0.32rem;
  height: 4.5rem;
  border: 1px solid #dddddd;
  border-left: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz {
    height: 5.5rem;
  }
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz {
    height: 6.5rem;
  }
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .txt span {
  display: block;
  line-height: 0.8;
  font-weight: bold;
  color: #ddd;
  margin-bottom: 0.35rem;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .txt h3 {
  color: #ff6631;
  font-weight: bold;
  margin-bottom: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .txt p {
  color: #666666;
  padding-right: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 7.5em;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .g_svg {
  display: flex;
  justify-content: flex-end;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .g_svg svg,
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .g_svg img {
  margin-right: 0.21rem;
  width: 0.8rem;
  height: 0.8rem;
}
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .g_svg svg path,
.proinfotw .proinfotw_con .proinfotw_nr .boxx .swiper-container .proinfotw_hz .g_svg img path {
  fill: #0004f2;
}
.proinfoth {
  padding: 1.66rem 0 1.4rem;
}
.proinfoth .box .g_tit {
  margin-bottom: 0;
}
.proinfoth .box .solinfofo_box {
  margin-top: -0.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box {
    overflow: auto;
    padding-top: 0.8rem;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box .solinfofo_con {
    width: 1000px;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_l {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24.0625%;
  background: #0004f2;
  border-radius: 0.2rem;
  padding: 0.2rem 0.65rem 0.21rem 0;
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l {
    padding: 0.2rem 0.55rem 0.21rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l {
    width: 3.2rem;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box {
  padding: 0 0.6rem;
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box {
    padding: 0 0.1rem;
  }
}
@media (max-width: 1260px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box {
    padding: 0 0.3rem;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box p {
  background: #fff;
  border-radius: 100px;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.22rem 0;
  font-weight: bold;
}
@media (max-width: 1260px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box p {
    font-size: 0.24rem;
  }
}
@media (max-width: 991px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_l .g_l_box p {
    height: 0.58rem;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r {
  position: relative;
  z-index: 10;
  background: #eff2f6;
  width: 80%;
  border-radius: 0.2rem;
  padding: 0 0.4rem;
}
@media (max-width: 767px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_r {
    width: 86%;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box {
  display: flex;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast {
  width: 100%;
  color: #999;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast:first-child {
  flex-shrink: 0;
  width: 40%;
  color: #ff6631;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast:first-child .g_data p.on span {
  transform: translateX(50%);
  opacity: 1;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -0.5rem;
  text-align: left;
  padding-bottom: 0.36rem;
  padding-left: 1.18rem;
}
@media (max-width: 767px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw {
    padding-left: 0;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw .public-img {
  margin-bottom: 0.2rem;
  width: 1.09rem;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw .public-img:before {
  padding-top: 101.86915888%;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw .public-img img {
  object-fit: contain;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_tw .txt h4 {
  font-weight: bold;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data {
  padding: 0 0 0.32rem;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p {
  height: 0.6rem;
  border-bottom: 1px solid #dededf;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.18rem;
}
@media (max-width: 767px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p {
    height: 0.8rem;
    padding: 0.2rem 0;
  }
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p.on span {
  opacity: 0;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p:last-child {
  border: none;
}
.proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p span {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1460px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p span {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .proinfoth .box .solinfofo_box .solinfofo_con .g_r .g_r_box .g_contrast .g_data p span {
    font-size: 12px;
  }
}
.proinfofo {
  background: #eff2f6;
  padding: 1.2rem 0 1.4rem;
}
.proinfofo .g_tit {
  margin-bottom: 0.5rem;
}
.proinfofo .proinfofo_box {
  overflow: hidden;
  background: #fff;
  border-radius: 0.2rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box {
    flex-direction: column;
  }
}
.proinfofo .proinfofo_box .item {
  border-right: 1px solid #dddddd;
  position: relative;
  width: 50%;
  height: 6rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .proinfofo .proinfofo_box .item {
    height: 7.4rem;
  }
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item {
    width: 100% !important;
    height: auto;
  }
}
.proinfofo .proinfofo_box .item:last-child {
  border: none;
}
.proinfofo .proinfofo_box .item.on {
  width: 75%;
  flex-shrink: 0;
}
.proinfofo .proinfofo_box .item.on .g_yc {
  opacity: 1;
  pointer-events: initial;
}
.proinfofo .proinfofo_box .item .g_xs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0.65rem 0.24rem 0.8rem;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_xs {
    display: none;
  }
}
.proinfofo .proinfofo_box .item .g_xs .txt {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.proinfofo .proinfofo_box .item .g_xs .txt span {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #ffefea;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6631;
  font-weight: bold;
  margin-bottom: 0.58rem;
}
.proinfofo .proinfofo_box .item .g_xs .txt p {
  width: 1em;
  line-height: 1;
  font-weight: bold;
}
.proinfofo .proinfofo_box .item .g_xs .img {
  max-width: 1.2rem;
}
.proinfofo .proinfofo_box .item .g_xs .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfofo .proinfofo_box .item .g_yc {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 0.56rem 0.6rem 0.6rem 0.62rem;
  transition: all 0.4s;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc {
    opacity: 1;
    pointer-events: initial;
    position: initial;
    flex-direction: column-reverse;
  }
}
.proinfofo .proinfofo_box .item .g_yc .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 55.55%;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc .left {
    width: 100%;
  }
}
.proinfofo .proinfofo_box .item .g_yc .left .txt span {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #ff6631;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.42rem;
}
.proinfofo .proinfofo_box .item .g_yc .left .txt h3 {
  font-weight: bold;
  color: #ff6631;
  margin-bottom: 0.3rem;
}
.proinfofo .proinfofo_box .item .g_yc .left .txt .g_p {
  min-width: 5rem;
  padding-right: 1.4rem;
}
@media (max-width: 1260px) {
  .proinfofo .proinfofo_box .item .g_yc .left .txt .g_p {
    padding-right: 0.2rem;
  }
}
@media (max-width: 991px) {
  .proinfofo .proinfofo_box .item .g_yc .left .txt .g_p {
    min-width: 3rem;
  }
}
.proinfofo .proinfofo_box .item .g_yc .left .txt .g_p p {
  line-height: 1.67;
  margin-bottom: 0.3rem;
}
.proinfofo .proinfofo_box .item .g_yc .left .g_line {
  position: relative;
  width: 100%;
  height: 2px;
  background: #ddd;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc .left .g_line {
    display: none;
  }
}
.proinfofo .proinfofo_box .item .g_yc .left .g_line i {
  position: absolute;
  width: 33.33%;
  height: 100%;
  background: #ff6631;
  transition: all 0.4s;
}
.proinfofo .proinfofo_box .item .g_yc .right {
  width: 44.45%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc .right {
    width: 100%;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
}
.proinfofo .proinfofo_box .item .g_yc .right .g_bj {
  width: 2.8rem;
  height: auto;
}
@media (max-width: 991px) {
  .proinfofo .proinfofo_box .item .g_yc .right .g_bj {
    width: 1.8rem;
  }
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc .right .g_bj {
    display: none;
  }
}
.proinfofo .proinfofo_box .item .g_yc .right .g_bj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proinfofo .proinfofo_box .item .g_yc .right .img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4.24rem;
  height: auto;
}
@media (max-width: 991px) {
  .proinfofo .proinfofo_box .item .g_yc .right .img {
    width: 2.24rem;
  }
}
@media (max-width: 767px) {
  .proinfofo .proinfofo_box .item .g_yc .right .img {
    position: initial;
    transform: translateY(0%);
    width: 3.24rem;
  }
}
.proinfofo .proinfofo_box .item .g_yc .right .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfofi {
  padding: 1.32rem 0 1.02rem;
}
.proinfofi .g_tit {
  margin-bottom: 0;
}
.proinfofi .g_tit h2 {
  margin-bottom: 0;
}
.proinfofi .proinfofi_box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proinfofi .proinfofi_box {
    flex-direction: column;
  }
}
.proinfofi .proinfofi_box .left {
  margin-top: 0.54rem;
  height: 6.02rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58.125%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .proinfofi .proinfofi_box .left {
    width: 100%;
  }
}
.proinfofi .proinfofi_box .left video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-left: -0.5rem;
}
@media (max-width: 767px) {
  .proinfofi .proinfofi_box .left video {
    object-fit: contain;
    margin-left: 0;
  }
}
.proinfofi .proinfofi_box .left img {
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.proinfofi .proinfofi_box .right {
  width: 36.25%;
}
@media (max-width: 767px) {
  .proinfofi .proinfofi_box .right {
    width: 100%;
  }
}
.proinfofi .proinfofi_box .right .item {
  margin-bottom: 0.2rem;
  border-top: 3px solid transparent;
  padding-bottom: 0.2rem;
  background: #eff2f6;
  transition: all 0.4s;
}
.proinfofi .proinfofi_box .right .item.on {
  border-top: 3px solid #0004f2;
}
.proinfofi .proinfofi_box .right .item.on .g_top .g_l p {
  color: #ff6631;
}
.proinfofi .proinfofi_box .right .item.on .g_top .g_qh .i2 {
  transform: translate(-50%, -50%) rotate(0deg);
}
.proinfofi .proinfofi_box .right .item .g_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0.4rem 0 0.2rem;
}
.proinfofi .proinfofi_box .right .item .g_top .g_l {
  display: flex;
  align-items: center;
}
.proinfofi .proinfofi_box .right .item .g_top .g_l img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.2rem;
}
.proinfofi .proinfofi_box .right .item .g_top .g_l p {
  font-weight: bold;
}
.proinfofi .proinfofi_box .right .item .g_top .g_qh {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 20px;
}
.proinfofi .proinfofi_box .right .item .g_top .g_qh i {
  width: 20px;
  height: 2px;
  background: #ff6631;
  display: block;
  position: absolute;
  transition: all 0.4s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .proinfofi .proinfofi_box .right .item .g_top .g_qh i {
    width: 16px;
    height: 1px;
  }
}
.proinfofi .proinfofi_box .right .item .g_top .g_qh .i2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.proinfofi .proinfofi_box .right .item .g_bot {
  display: none;
  padding: 0 0.8rem 0 1.25rem;
}
@media (max-width: 991px) {
  .proinfofi .proinfofi_box .right .item .g_bot {
    padding: 0 0.2rem 0 1.25rem;
  }
}
.proinfofi .proinfofi_box .right .item .g_bot p {
  color: #666;
}
.proinfosi {
  background: #eff2f6;
  padding: 1.3rem 0 1.63rem;
}
@media (max-width: 767px) {
  .proinfosi {
    padding: 0.5rem 0 1rem;
  }
}
.proinfosi .box {
  margin-top: 0.5rem;
  padding-left: calc((100% - 1600px)/2);
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1580px) {
  .proinfosi .box {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .proinfosi .box {
    padding-left: 5%;
  }
}
@media (max-width: 991px) {
  .proinfosi .box {
    flex-direction: column-reverse;
    padding: 0 5%;
  }
}
.proinfosi .box .left {
  width: 45.45454545%;
}
@media (max-width: 991px) {
  .proinfosi .box .left {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.proinfosi .box .left .g_tit {
  margin-bottom: 0.5rem;
}
.proinfosi .box .left .txt .g_t {
  padding-right: 1.35rem;
  margin-bottom: 0.56rem;
}
@media (max-width: 991px) {
  .proinfosi .box .left .txt .g_t {
    padding: 0;
  }
}
.proinfosi .box .left .txt .g_t p {
  line-height: 1.66;
}
.proinfosi .box .left .txt .g_lab {
  display: flex;
  flex-wrap: wrap;
}
.proinfosi .box .left .txt .g_lab span {
  height: 0.64rem;
  padding: 0 0.38rem;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6631;
  margin: 0 0.21rem 0.3rem 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .proinfosi .box .left .txt .g_lab span {
    height: 0.8rem;
  }
}
.proinfosi .box .left .txt .g_lab span:hover {
  background: #0004f2;
  color: #fff;
}
.proinfosi .box .right {
  margin-top: 0.3rem;
  width: 54.54545455%;
}
@media (max-width: 991px) {
  .proinfosi .box .right {
    width: 100%;
  }
}
.proinfosi .box .right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfose {
  padding: 1.35rem 0 1rem;
}
.proinfose .proinfose_box {
  margin-bottom: 0.4rem;
  padding-left: calc((100% - 1600px)/2);
  position: relative;
}
@media (max-width: 1580px) {
  .proinfose .proinfose_box {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .proinfose .proinfose_box {
    padding-left: 5%;
  }
}
@media (max-width: 767px) {
  .proinfose .proinfose_box {
    padding: 0 5%;
  }
}
.proinfose .proinfose_box .proinfose_txt {
  position: relative;
}
@media (max-width: 767px) {
  .proinfose .proinfose_box .proinfose_txt {
    margin-bottom: 0.5rem;
  }
}
.proinfose .proinfose_box .proinfose_txt .txt_box {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: url(../images/g-proinfo19.jpg) no-repeat;
  background-size: cover;
  width: 4rem;
  min-height: 5rem;
}
@media (max-width: 767px) {
  .proinfose .proinfose_box .proinfose_txt .txt_box {
    position: initial;
    width: 100%;
  }
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con {
  opacity: 0;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0.56rem 0.35rem 0.36rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con.on {
  opacity: 1;
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con .txt h3 {
  margin-bottom: 0.18rem;
  font-weight: bold;
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con .txt p {
  opacity: 0.7;
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con .more {
  padding-top: 0.26rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.proinfose .proinfose_box .proinfose_txt .txt_box .txt_con .more a {
  color: #fff;
  opacity: 0.7;
}
.proinfose .proinfose_box .proinfose_con {
  padding: 0 0 0 2.12rem;
}
@media (max-width: 767px) {
  .proinfose .proinfose_box .proinfose_con {
    padding: 0;
  }
}
.proinfose .proinfose_box .proinfose_con .proinfose_nr .swiper-slide-active .img {
  opacity: 1;
}
.proinfose .proinfose_box .proinfose_con .proinfose_nr .img {
  transition: all 0.4s;
  opacity: 0.2;
  height: 6rem;
}
.proinfose .proinfose_box .proinfose_con .proinfose_nr .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proinfose .b_swi_pag {
  width: 100%;
  text-align: center;
}
.proinfose .b_swi_pag .swip3_pag {
  position: initial;
}
.proinfose .b_swi_pag .swip3_pag span {
  transition: all 0.4s;
  width: 0.3rem;
  background: #dddddd;
  border-radius: 100px;
  margin: 0 5px;
  opacity: 1;
}
.proinfose .b_swi_pag .swip3_pag .swiper-pagination-bullet-active {
  background: #ff6631;
  width: 0.6rem;
}
.proinfoei {
  background: #eff2f6;
  padding: 1.24rem 0 1.1rem;
}
.proinfoei .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proinfoei .container {
    flex-direction: column;
  }
}
.proinfoei .container .left {
  margin-top: 1rem;
  width: 25%;
}
@media (max-width: 767px) {
  .proinfoei .container .left {
    width: 100%;
    margin-top: 0;
  }
}
.proinfoei .container .right {
  width: 75%;
}
@media (max-width: 767px) {
  .proinfoei .container .right {
    width: 100%;
  }
}
.proinfoei .container .right .box {
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .proinfoei .container .right .box {
    padding-top: 2rem;
  }
}
.proinfoei .container .right .box .item {
  background: #fff;
  margin: 0 0.3rem 0.3rem 0;
  width: calc((100% - 0.6rem)/3);
}
@media (max-width: 767px) {
  .proinfoei .container .right .box .item {
    width: 100%;
    margin: 0 0 2.5rem 0;
  }
}
@media (max-width: 767px) {
  .proinfoei .container .right .box .item:last-child {
    margin-bottom: 0;
  }
}
.proinfoei .container .right .box .item:nth-child(3n) {
  margin-right: 0;
}
.proinfoei .container .right .box .item .public-img {
  margin: -1rem 0 0.48rem;
  width: 100%;
}
@media (max-width: 767px) {
  .proinfoei .container .right .box .item .public-img {
    margin: -1.74rem 0 0.48rem;
  }
}
.proinfoei .container .right .box .item .public-img:before {
  padding-top: 63.12997347%;
}
.proinfoei .container .right .box .item .public-img img {
  object-fit: contain;
}
.proinfoei .container .right .box .item .txt {
  padding: 0 0.3rem 0.3rem;
}
.proinfoei .container .right .box .item .txt h3 {
  margin-bottom: 0.1rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proinfoei .container .right .box .item .txt .g_p p {
  color: #666;
}
.search_job li {
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #fff;
  margin-bottom: 0.2rem;
  padding: 0 0.6rem;
}
@media (max-width: 991px) {
  .search_job li {
    padding: 0 0.3rem;
  }
}
.search_job li .top {
  width: 100%;
  min-height: 1rem;
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  cursor: pointer;
}
.search_job li .top .name {
  width: calc(705/1480*100%);
}
@media (max-width: 991px) {
  .search_job li .top .name {
    width: 100%;
  }
}
.search_job li .top .address {
  width: calc(185/1480*100%);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .search_job li .top .address {
    display: none;
  }
}
.search_job li .top .address img {
  margin-right: 0.1rem;
}
.search_job li .top .level {
  width: calc(250/1480*100%);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .search_job li .top .level {
    display: none;
  }
}
.search_job li .top .level img {
  margin-right: 0.1rem;
}
.search_job li .top .time {
  width: calc(285/1480*100%);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .search_job li .top .time {
    display: none;
  }
}
.search_job li .top .time img {
  margin-right: 0.1rem;
}
.search_job li .top .icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.search_job li .top .icon img {
  transform: rotate(90deg);
  transition: all 0.4s;
}
.search_job li .top.on .icon img {
  transform: rotateZ(180deg);
}
.search_job li .tbox {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.33rem 0 0.6rem;
  display: none;
}
.search_job li .tbox .ts {
  line-height: calc(30/18);
  color: #666;
}
.search_job li .tbox .more {
  display: flex;
  margin-top: 0.35rem;
}
.search_down {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .search_down {
    width: 100%;
    margin: 0;
  }
}
.search_down li {
  width: calc(50% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
}
@media (max-width: 767px) {
  .search_down li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.search_down li a {
  width: 100%;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  padding: 0.24rem 0.4rem;
  background: #f7f7f7;
}
@media (max-width: 991px) {
  .search_down li a {
    padding: 0.24rem 0.3rem;
  }
}
.search_down li a .icon {
  width: 0.46rem;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.search_down li a .icon svg {
  width: 100%;
  object-fit: contain;
}
.search_down li a .icon svg path {
  fill: #0004f1;
  transition: all 0.4s;
}
.search_down li a .ts {
  width: calc(345/700*100%);
}
@media (max-width: 1024px) {
  .search_down li a .ts {
    width: 100%;
  }
}
.search_down li a .ts .name {
  color: #222;
  font-weight: bold;
  transition: all 0.4s;
}
.search_down li a .ts .size {
  color: #999;
  transition: all 0.4s;
}
.search_down li a .time {
  color: #222;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .search_down li a .time {
    display: none;
  }
}
.search_down li a .load {
  display: flex;
  align-items: center;
  color: #222;
  transition: all 0.4s;
  padding-right: 0.2rem;
  margin-left: auto;
  flex-shrink: 0;
}
.search_down li a .load svg {
  margin-right: 0.1rem;
}
.search_down li a .load svg path {
  fill: #0004f1;
  transition: all 0.4s;
}
.search_down li:hover a {
  background: #0004f1;
}
.search_down li:hover a .icon svg path {
  fill: #fff;
}
.search_down li:hover a .ts .name {
  color: #fff;
}
.search_down li:hover a .ts .size {
  color: #fff;
}
.search_down li:hover a .time {
  color: #fff;
}
.search_down li:hover a .load {
  color: #fff;
}
.search_down li:hover a .load svg path {
  fill: #fff;
}
.metinfo_a {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
}
.metinfo_a a {
  border: 1px solid #0004f1;
}
.metinfo_a a span {
  color: #0004f1;
}
.metinfo_a a i {
  width: 24px;
  height: 24px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #0004f1;
  margin-left: 0.1rem;
  font-style: initial;
  font-family: cursive;
  transition: all 0.4s;
}
.metinfo_a a:hover span {
  color: #fff;
}
.metinfo_a a:hover i {
  background: #fff;
  color: #0004f1;
}